<template>
  <div class="category">
        <h3>{{title}}分类</h3>
        <!-- 作用域插槽 可以将子组件的数据传递给父组件
        也就是使用该组件的插槽的组件
        同时也可以传递多个数据
        -->
        <slot name="demo3" :cData="customData" msg="hello"></slot>
  </div>
</template>

<script>
export default {
    name:"CategoryComponent",
    props:['title','listData'],
    data(){
        return {
            customData:[
                "作用域插槽数据1",
            "作用域插槽数据2",
            "作用域插槽数据1"]
        }
    }
}
</script>

<style scoped>
    .category{
        background-color: skyblue;
    }
</style>